<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <title>ceshi</title>
  <meta name="keywords" content="耐瑞德坡口机械,深圳耐瑞德坡口机械" />
  <meta name="description"
    content="耐瑞德坡口机械（深圳）有限公司位于中国最发达的经济中心城市--深圳市，作为一家有着多年专业检测仪器资质行业经验并和国内众多品牌完美合作的企业，我们迈开了全新经营理念的步伐，定位于为电子、制造、五金、医疗、原材料等多个行业及大中院校进行一体式检测仪器全方位实验室解决方案！" />
  <link rel="Shortcut Icon" href="/favicon.ico" />
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="../static/css/animate.css">
  <link rel="stylesheet" href="../static/css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="../static/css/css.css">
  <link rel="stylesheet" href="../static/css/product.css">
</head>

<body ontouchstart="" data-ind="1">
  <style>
    table {
      margin: 0px auto;
    }
  </style>
  <!--#include file="/public/html/header.html"-->

  <!-- <div class="leg"></div> -->
  <div id="banner-box">
    <img src="../static/uploads/fa9deafa7ef97b3db079042497a1db70.jpg" alt="banner">
    <div class="inbox">
      <div class="title-box">
        <div class="cn wow fadeInUp_qs50" ms="ms">产品中心</div>
      </div>
      <div class="info wow fadeInUp_qs50" ms="ms"></div>
    </div>
  </div>

<!-- 
  <div class="k-box pro-class-nav-box wow fadeInUp_qs50" ms="ms">
    <div class="" id="navbar-box">
      <div class="section-box wrap clearfix">
        <a href="index.html" rel="noopener noreferrer" block="" class="home">
          <img src="../static/picture/home_icon.png">
        </a>
        <div class="section">
          <div class="show-class">
            <span>产品中心</span>
          </div>
          <ul class="option-box">
            <li><a href="/lixuejianceshebei.html">力学检测设备 </a></li>
            <li><a href="/yingdujixilie.html">硬度计系列 </a></li>
            <li><a href="/chicunceliang.html">尺寸测量 </a></li>
            <li><a href="/jinxiangxilie.html">金相系列 </a></li>
            <li><a href="/yuansufenxi.html">元素分析 </a></li>
            <li><a href="/wusunjiancejiyanseguanli.html">无损检测及颜色管理 </a></li>
            <li><a href="/huanbaonongyejianzhuxilie.html">环保农业建筑系列 </a></li>
            <li><a href="/huanjingmonishiyan.html">环境模拟试验 </a></li>
            <li><a href="/qita.html">其他 </a></li>
          </ul>
        </div>
        <div class="section">
          <div class="show-class">
            <span>尺寸测量</span>
          </div>
          <ul class="option-box">
            <li><a href="/yingxiangyi.html" class="cur">影像仪 </a> </li>
            <li><a href="/sanzuobiao.html" class="">三坐标 </a> </li>
            <li><a href="/touyingyi.html" class="">投影仪 </a> </li>
            <li><a href="/daojuceliangyi.html" class="">刀具测量仪 </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div> -->
  <div class="pro_class">
    <div class="wrap clearfix">
      <div class="pro-sidebar wow fadeInLeft_qs50" ms="ms">
        <div class="pro-title">
          <div class="big-title">产品展示</div>
          <div class="small-title">Product classification</div>
        </div>
        <ul class="level_2">
          <!-- 点击一级时的高亮状态 act_level_2_li -->
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>Z系列（自动行走坡口机）</span>
            </div>
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>X 系列（小板材坡口机）</span>
            </div>
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>B 系列（便携式坡口机）</span>
            </div>
            <!-- <ul class="level_3">
              <li class="level_3_li "><a block="" href="/shouchishihejinfenxiyi.html"
                  rel="noopener noreferrer">手持式合金分析仪</a></li>
              <li class="level_3_li "><a block="" href="/guangpuyi.html" rel="noopener noreferrer">光谱仪</a></li>
              <li class="level_3_li "><a block="" href="/tanliufenxiyi.html" rel="noopener noreferrer">碳硫分析仪</a></li>
            </ul> -->
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>Q系列（曲线坡口机）</span>
            </div>
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>N系列（内涨式圆管坡口机）</span>
            </div>
          </li>
          
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>W系列（外卡式圆管坡口机）</span>
            </div>
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>无上限圆管坡口机</span>
            </div>
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>行星式坡口机</span>
            </div>
          </li>
          <li class="level_2_li ">
            <div class="show-li clearfix">
              <div class="icon"></div><span>C型外夹式圆管坡口机</span>
            </div>
          </li>
        </ul>
      </div>

      <div class="pro-content">
        <div class="content-title"><span>产品展示</span></div>
        <ul class="pro-ul clearfix">
          <li class="pro-li wow fadeInUp_qs50" ms="ms">
            <a href="./product-detail.html" block="" rel="noopener noreferrer">
              <div class="imgbox">
                <img src="../static/uploads/4df31ea86d839c60847f9efe9cce51cd.png" alt="">
              </div>
              <div class="text-box">
                <div class="title over">全自动影像测量仪</div>
              </div>
            </a>
          </li>
          <li class="pro-li wow fadeInUp_qs50" ms="ms">
            <a href="/yingxiangyi/43.html" block="" rel="noopener noreferrer">
              <div class="imgbox">
                <img src="../static/uploads/4df31ea86d839c60847f9efe9cce51cd.png" alt="">
              </div>
              <div class="text-box">
                <div class="title over">手动式影像测量仪</div>
              </div>
            </a>
          </li>

          <li class="pro-li wow fadeInUp_qs50" ms="ms">
            <a href="/yingxiangyi/42.html" block="" rel="noopener noreferrer">
              <div class="imgbox">
                <img src="../static/uploads/4df31ea86d839c60847f9efe9cce51cd.png" alt="">
              </div>
              <div class="text-box">
                <div class="title over">龙门式影像仪 二点五次元</div>
              </div>
            </a>
          </li>
        </ul>
        <div class='pages'></div>
      </div>
    </div>
  </div>
  <!--#include file="/public/html/footer.html"-->
  <div class="fixed-nav">
    <div class="fixed-nav-item scroll-top">
      <i class="iconfont icon-shangyi"></i>
    </div>
  </div>
</body>
<script src="../static/js/swiper-3.4.2.min.js"></script>
<script src="../static/js/jquery-1.11.3.min.js"></script>
<script src="../static/js/wow.min.js"></script>
<script src="../static/js/common.js"></script>
<script src="../static/js/utils.js"></script>
<script type="text/javascript">
  $(function () {
    var _params = getQueryParams()
    $('.level_2_li').eq(_params.type).addClass('act_level_2_li').find('.level_3_li').eq(_params.index).addClass(
      'act_level_3_li')

    var proBanner = creatSwiper("#probanner", {
      loop: true
    })
    $(".pro-sidebar .level_2 .level_2_li .show-li").on("click", function () {
      var par = $(this).parent();
      par.toggleClass("act_level_2_li");
      par.siblings().removeClass("act_level_2_li");
    })
  })
</script>
<script>
  $(function () {
    var curpage = 1;
    var pagecount = 0;

    $("#more").click(function () {
      curpage++;
      loadingList();
    })

    function loadingList() {

      $.ajax({
        url: '/Ajax/Handler.ashx',
        type: 'post',
        dataType: "json",
        data: {
          'type': 'GetProList',
          'classId': '103',
          'pagesize': '6',
          'page': curpage
        },
        success: function (data) {
          dataList = data;
          var html = "";
          for (var i = 0; i < dataList.length; i++) {
            if (i >= dataList.length) {
              break;
            }
            html += '<li class="pro-li wow fadeInUp_qs50" ms="ms">';
            html += '<a href="proDetail_' + dataList[i].BsId + '.html"  rel="noopener noreferrer" block>';
            html += '<div class="imgbox">';
            html += '<img src="' + dataList[i].ImgUrl + '" alt="">';
            html += '</div>';
            html += '<div class="text-box">';
            html += '<div class="title over">' + dataList[i].Title + '</div>';
            html += '</div>';
            html += '</a>';
            html += '</li>';
          }
          $(".pro-ul").append(html);
          if (curpage >= pagecount) {
            $("#more").remove();
          }
        },
        error: function (err) {
          console.log(err)
        }
      });

    }

    function getFDate(date) {
      var d = eval('new ' + date.substr(1, date.length - 2));

      var ar_date = [d.getFullYear(), d.getMonth() + 1, d.getDate()];

      for (var i = 0; i < ar_date.length; i++) ar_date[i] = dFormat(ar_date[i]);
      return ar_date.join('/');
    }

    function dFormat(i) {
      return i < 10 ? "0" + i.toString() : i;
    }

    function Replacestring(string) {
      if (string) {
        return string.replace(/\r\n/g, "</br>");
      } else {
        return "";
      }
    }
    setItemHeight()
    function setItemHeight() {
      var _itemW = parseFloat( $('.pro-ul .imgbox').eq(0).css('width') )
      $('.pro-ul .imgbox').css('height',_itemW +'px' )
    }
  })
</script>

</html>